.div_all
{
    width:100%;
    min-height: 500px;
}

#div_footer
{
    background:#6f2268;
    border-top:1px solid #5a5a5a;
    height:100%; 
    margin-top:auto;
    color: white;
    font-size: 1vh;
    font-size: 1vm;
    width:100%;
}
.div_style
{
    width:85%;
    margin:auto;
}
.p_container
    {
        font-size: 2vh;
        font-size: 2vm;
        font-weight: 300;
        text-align: center;
        word-wrap:break-word;
        color: #999;
        margin: 0px auto;
    }
#div_menue
    {
        height: 70px;
        width: 100%;
        /* color:white; */
        /* background-color: white; */
        z-index:999999;
        position:fixed;
        top: 0;
        left: 0;
        /* border-bottom: 2px solid #8834a1; */
    }
    .img_log
    {
        height: 100%;
        width: 100%;
        
    }
    .div_nav ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
        /*width: 100%;*/
        /*overflow: hidden;*/

        
    }
    .div_style
    {
        width:85%;
        /* background-color: #8834a1; */
        margin:auto;
    }
    .div_nav li
    {
        float: left;
    }
    .div_nav
    {
        font-size:1.15vh; 
        font-size:1.15vw; 
        width: 60%;
        margin-top: 30px;
        float:right;
    }
    .a_menueStyle,a:link,a:visited
    {
        display:block;
        padding-top: 5px;
        padding-bottom: 5px;
        color:#ffffff;
        text-align:center;
        text-decoration:none;/*无下划线*/
        text-transform:uppercase;/*大写有效*/
    }
    #div_topImg
    {
        height:100%;margin-top:10px;float:left;
        width:30%;
    }
    a:hover,a:active
    {   color: #8834a1;
    }
    .div_nav ul li ul { position:absolute; width:150px; background:#8834a1;display:none;overflow:hidden}
		.div_nav ul li ul li { float:none; transition:all 5s ease-in-out;  }/*不漂浮*/
		.div_nav ul li ul li a { border-right:none;border-top:1px solid #ccc;position: relative; animation:mymove .5s 1; width: 150px;}
		.div_nav ul li ul li a:hover{color:#8834a1;background-color: white; }
		.div_nav ul li:hover ul{ display:block;}
		@keyframes mymove
		{
		from {margin-left:-60px}
		to {margin-left:0}
		}
    #div_object
    {
        background-image: url("../img/objectBg.jpg");
        background-repeat: no-repeat;
        
    }
.div_advantageConnect
{
position: relative;
width:30%;
margin: 15px;
display: inline-block;
text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
box-shadow:  hsla(0, 0%, 0%, 0.89) 0 0 1px;

}
#div_img
{
height: 75%;
overflow: hidden;
width: 100%;
}
.div_advantageConnect:hover
{
cursor:pointer;
}
.div_advantageConnect:hover #div_foot
{

width:100%;

background-color: #8834a1;
}
.div_objectStyle
{
    width: 23%;
    /* margin: 15px; */
    height: 190px;
    /* border: 1px solid red; */
    display: inline-block;
    
}
.div_objectStyle:hover
{
    cursor: pointer;
    background-color: white;

}
.div_objectImg
{
    height:75%; overflow:hidden;position:relative;
}
.h4_object
{
    color: #222222;font-size: 16px;
    text-align: center;margin:10px;
}
.div_objectStyle:hover .img_objectStyle
{
    opacity:1;
    transform:scale(1.1);
    

}

.img_objectStyle
{
    position:absolute;top:0;
    width:100%;
    height:100%;
    transition:all .5s ease-in-out;
}
.div_objectStyle:hover .div_objectShielded
{
    opacity:0;

}
.div_objectShielded
{
    background-color:black;
    width:100%;
    height:100%;
    z-index:999;
    position:absolute;
    top:0;
    transition:all .5s ease-in-out;
    opacity:.5;
}
.div_advantageConnect:hover  #img_style
{
    
    transform:scale(1.1);
}
.div_advantageConnect:hover .h3_style
{
    color:#8834a1;
}
#div_foot
{
    position: absolute;
    bottom: 0;
    height: 2px;
    transition:all 1s ease-in-out;
    width:0px;
}
#img_style
{
    transition:all 1s ease-in-out;
    width:100%;
}
.iconStyle
{
    float:right;margin-top:10px;font-size:30px;
    display: none;
}
.p_style
{
    font-size:13px;
    color: #999;
    margin:8px;
    width:100%;
}
.h3_style
{
    color: #333;
    font-size: 2.8vh;
    font-size: 2.8vm;
    font-weight: 500;
    margin: 5px 8px;
}

.recommended
{
    width:20%;
    position:relative;
    cursor: pointer;
    overflow: hidden;
    
}
.h3_recommendedFont{
    font-weight: 500;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #666;
    text-align: center;
}
.recommended:hover .div_recommendedFont{
    bottom: 0px;

}
.div_recommendedFont
{
    transition: all 1s ease-in-out;
    position:absolute;
    opacity:.9;
    bottom:-40%;
    z-index:999;
    background-color:white;
    width:100%;
}
.p_recommendedFont
{
    color: #bbb;
    padding-bottom: 0px;
    line-height: 1.8em;
    word-wrap: break-word;
    font-size:1vh;
    font-size: 1vm;
}
input,textarea
{
    display:block;
    outline:none;
    border: none;
    border-bottom: 1px solid rgb(191, 191, 191);
    color: #76838f;
    background-color: #6f2268;
    width: 95%;
    height: 36px;
    padding: 10px 15px;
    font-size: 14px;
}
button
{
    display:block;
    outline:none;
    border-color: #6f2268;
    margin-top: 20px;
    color: #76838f;
    background-color: #6f2268;;
    width: 100%;
    height: 36px;
    padding: 10px 15px;
    font-size: 14px;
}
textarea
{
    height:100px;
}
#div_activeForm
{
    width: 50%;
    margin-top:50px;
    float: right;
}
#select_connect
{
    width: 99%;
    display:block;
    outline:none;
    border: none;
    border-bottom: 1px solid rgb(191, 191, 191);
    color: white;
    background-color: #6f2268;
    height: 45px;
    padding: 5px 15px;
    font-size: 14px;
}
option
{
    background: white;
    color: black;
}
#div_connect{
    background-color: #6f2268;
}
input::placeholder
{
    color: white;
}
textarea::placeholder
{
    color: white;
}
#div_connectAddress
{
    width:40%;
    float:left;
    padding-top:200px;
}
.span_connect
{
    color:rgb(191, 191, 191);
    font-size:16px;
    display:block;
}
#span_connect
{
    font-size: 3vh;
    font-size: 3vm;
    color: rgb(255, 255, 255);
    display:block;
}
#div_active
{
    background-image:url("../img/activePg.jpg");
    background-size: 100%;
}
[data-show]
{
    animation:vv 1s;
}
@-webkit-keyframes vv
{
    0%{transform:translate3d(-100%,0,0);}
    100%{transform:translate3d(0,0,0);}
}
[data-bottom]
{
    animation:topBottom 1s;
}
@-webkit-keyframes topBottom
{
    0%{transform:translate3d(0,100%,0);}
    100%{transform:translate3d(0,0,0);}
}